<template>
  <div>
    <h3 class="r-title">融资记录</h3>

    <c-table border v-loading="loading" :columns="tableColumns" :data="tableData"></c-table>

    <div class="query-pagination">
      <div></div>
      <el-pagination
        layout="total, prev, pager, next, jumper"
        :current-page.sync="params.index"
        :page-size="params.size"
        :total="tableCount"
        @current-change="getData"
      ></el-pagination>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {
      loading: false,
      params: {
        index: 1,
        size: 15,
      },
      order: {},
      tableName: 'customer_related',
      tableCount: 0,
      tableData: [],
      tableColumns: [
        { attrs: { label: '放款机构', prop: 'tbd_key', align: 'center' } },
        { attrs: { label: '金融产品名称', prop: 'tbd_key', align: 'center' } },
        { attrs: { label: '放款日期', prop: 'tbd_key', align: 'center' } },
        { attrs: { label: '放款金额(万元)', prop: 'tbd_key', align: 'center' } },
        { attrs: { label: '放款期限(月)', prop: 'tbd_key', align: 'center' } },
      ],
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    getData() {},
  },
}
</script>

<style lang="scss" scoped>
.r-title {
  font-size: 16px;
  font-weight: bold;
  position: relative;
  color: #222;
  padding-left: 15px;

  &::before {
    content: '';
    background: var(--primary);
    width: 8px;
    height: 17px;
    position: absolute;
    left: 0;
    top: 2px;
    border-radius: 4px;
  }
}
</style>
